<html>
	<head>
		<meta name="layout" content="main"/>

		  
		 <script src="${resource(dir:'js', file:'jquery.min.js')}"  type="text/javascript" ></script>
		 <script src="${resource(dir:'js', file:'jquery-ui.min.js')}"  type="text/javascript" ></script>		 
		 
		<g:javascript>
		
		
		$(document).ready(function() {
		
			<g:if test="${params.mensaje=='ERR'}">
				<g:javascript> 
					$("#dlgMensaje").html("Usuario ya registrado");
					$("#dlgMensaje").dialog();
				</g:javascript>
			</g:if>
			<g:elseif test="${params.mensaje=='OK'}">
					$("#dlgMensaje").html("El Usuario se ha registrado con exito");
		     		$("#dlgMensaje").dialog();
			</g:elseif>
	
		});



			/////////////////////////
			//Hace falta todo esto?//
			/////////////////////////
			
			function validarCampos(){
				error = false;
					campo = document.getElementById('nombre'); 
					if ( (campo.value.length < 3 ) ){
						error = true;
						alert('nombre');
					}
					campo = document.getElementById('mail');		 
					if (!campo.value.match(/^[A-Z0-9._%-\+]+@(?:[A-Z0-9\-]+\.)+[A-Z]{2,4}$/i) && (campo.value!='') ){
						error = true;
						alert('mail');
					}
					
					campo = document.getElementById('nick'); 
					if ( !campo.value.match(/^[A-Za-z](?=[A-Za-z0-9_.]{3,9}$)[a-zA-Z0-9_]*\.?[a-zA-Z0-9_]*$/)   && (campo.value!='')  ){
						error = true;
						alert('nick');
					}
					
					campo = document.getElementById('edad'); 
					if ( isNaN(campo.value) || ((campo.value<1) && (campo.value>99)) ){
						error = true;
						alert('edad');
					}	
		
					campo = document.getElementById('password'); 
					if ( campo.value=='')  {
						error = true;
						alert('password');
					}
				return error;
			}
	/*		
		    $('#btnRegistro').click(function() {
		    	if (validarCampos()){
		        	return false;
		    	}
		    	return true;
			});
		*/
		</g:javascript>
	</head>
	<body>
		<div id="dlgMensaje"></div>
		<div id="formulario">
			<g:form action="registrar" method="post" name="frmRegistro" >
				<div>
					<label>Nombre:</label>
					<g:textField name="nombre" id="nombre" />
				</div>
				<div>
					<label>Nick:</label>
					<g:textField name="nick" id="nick" />
				</div>
				<div>
					<label>Edad:</label>
					<g:textField name="edad" id="edad" />
				</div>
				<div>
					<label>Mail:</label>
					<g:textField name="mail" id="mail" />
				</div>
				<div>
					<label>Password:</label>
					<g:passwordField name="password" id="password" />
				</div>
			
				<g:submitButton type="submit" name="btnRegistro" value="Registrarse" />					
			</g:form>
		</div>
		

	</body>
</html>